<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>支付页面</title>
	
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/index.css">
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/shoppingcart/place_order.css"/>
	<style type="text/css">
		.price span{
			width: 200px;
			height: 75px;
			display: block;
			padding-top: 25px;
			margin-left: 20px;
			color: #8d8c8b;
			font-family: "微软雅黑";
			float: left;
			font-size: 12px;
		}
		.price span font{
			font-size: 20px;
			font-family: arial;
			font-weight: bold;
		}
		#place_box h3{
			width: 920px;
			height: 25px;
			font-size: 14px;
			background: url(./Public/Home/images/shopping/8.png);
			margin-top: 20px;
			margin-left: 20px;
			padding-left: 10px;
			line-height: 25px;
		}
		.sao{
			width: 920px;
			height: 200px;
			margin-left: 30px;
			margin-top: 20px;
			position: relative;
			float: left;
		}
		.sao span img{
			width: 30px;
			height: 30px;
			position: absolute;
			top: 50px;
			left: 45px;
		}
		.op{
			width: 200px;
			height: 150px;
			position: absolute;
			top: 60px;
			left: 150px;
		}
		.op img{
			position: absolute;
			top: 60px;
			left: 50px;
		}
		.op span{
			position: absolute;
			top: 55px;
			right: 0px;
		}
		.op p{
			position: absolute;
			right: 0px;
			top: 75px;
		}
		.payments{
			float: left;
		}
		.payments h5{
			height: 25px;
			margin-left: 30px;
			font-size: 14px;
			font-weight: 100;
			margin-top: 20px;
		}
		.payments .pay{
			height: auto;
			margin-left: 30px;
			margin-top: 20px;
		}
		.payments .pay p{
			margin-top: 20px;
		}
		.payments .pay p .inpt{
			border: 1px solid #00b7ee;
			border-radius: 2px;
			width: 300px;
			height: 40px;
			font-size: 20px;
		}
		.payments .pay p .btn{
			width: 90px;
			height: 34px;
			margin-left: 70px;
			border: none;
			background: url(./Public/Home/images/shopping/12.png) no-repeat 0 0;
			background-size: 150px;
			color: #fff;
			
		}
		.go{
			float: right;
			line-height: 30px;
			width: 120px;
			height: 25px;
			background: #EDEBE9;
			border: 1px solid #d1cdca;
			border-radius: 3px;
			margin-top: 30px;
		}
		.go a{
			text-align: center;
			color: #8b7b6e;
			line-height:23px;
			font-family: arial;
			font-weight: 700;
			padding-left: 20px;
		}
		</style>
</head>
<body>

	{{include file="../Common/headers"}}
		
		<!--完成订单-->
		<div id="toporder">
			<a href="index.php">
				<img src="./Public/Home/images/shopping/5.jpg" alt="">
			</a>
			<div class="go">
				<a href="{{U('Cart/index')}}">返回修改购物车</a>
			</div>
			
		</div>
		<div id="place_box" style="height: 600px;">
			<h3>推荐扫码支付：</h3>
			<div class="sao">
				<img src="./Public/Home/images/shopping/9.png"/>
				<span><img src="./Public/Home/images/shopping/10.png"/></span>
			</div>
			<div class="op">
				<img src="./Public/Home/images/shopping/11.png"/>
				<span>打开手机支付宝</span>
				<p>扫一扫继续付款</p>
			</div>
			<form action="" method="post">
			
				<div class="payments">
					<h3>在线支付：</h3>
					<h5>直接付款</h5>
					<div class="pay">
						<p>
							<span>支付密码</span>
							<input class="inpt" type="password" name="password" />
							<input type="hidden" name="orderId" id="" value="{{$orderId}}" />
						</p>
						<p>
							<input type="submit" class="btn" value="付款" />
						</p>
	
					</div>
				</div>

			</form>
				
		</div>
		
		{{include file='../Common/footers'}}
</body>
</html>